<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="中国移动网上商城,网上营业厅,话费查询,充话费,
    查流量 移动4G手机,移动合约机,移动4G套餐,移动业务办理,积分兑换"/>
    <meta name="description" content="中国移动网上商城为移动客户提供充值交费,
    账单查询,流量、4G套餐、宽带等业务介绍及办理,提供苹果、三星、
    小米等多款正品低价手机在线购买,让您足不出户,享受便捷移动服务！"/>
    <title>服务中心-移动公司</title>

    <link rel="shortcut icon" href="images/favicon.ico"/>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/serviceBase.css">
    <link rel="stylesheet" href="css/Home.css">
    <script type="text/javascript" src="js/Home.js"></script>
</head>

<body>
<!--快捷导航模块 start-->
<section class="shortcut">
    <div class="w">
        <div class="fl">
            <ul>
                <li>欢迎来到移动网站 &nbsp;</li>
                <li>
                    <a href="login.html">请登录</a>&nbsp;<a href="register.html" class="style_red">请注册</a>
                </li>
            </ul>
        </div>
        <div class="fr">
            <ul>
                <li><a href="person_center.html" id="personalCenterLink"
                       target="_blank">个人中心</a></li>
                <li></li>
                <li><a href="https://www.10086.cn/cmccclient/indexc_new.html" id="clientLink"
                       target="_blank">客户端下载</a></li>
                <li></li>
                <li><a href="homeUserService.html" id="serviceLink"
                       target="_blank">客服服务</a></li>
            </ul>
        </div>
    </div>
</section>
<!--快捷导航模块 end-->

<!--header头部模块start-->
<header class="header w">
    <!--logo模块-->
    <div class="logo">
        <h1>
            <a href="index.html" title="移动营业厅">移动营业厅</a>
        </h1>
    </div>
    <!--search模块 start-->
    <div class="search">
        <input type="search" name=" " id="">
        <button>搜索</button>
    </div>
    <!--search模块 end-->
    <!--二维码模块 start-->
    <div class="download">
        <img src="./images/123.jpg">
        <p>扫一扫，下载app</p>
    </div>
    <!--二维码模块 end-->
</header>
<!--header头部模块end-->

<!--nav模块start-->
<nav class="nav">
    <div class="navitems">
        <ul>
            <li><a href="index.html" onmouseover="changeColor('#666')" onmouseout="changeColor('#c81623')">首页</a></li>
            <li><a href="person_center.html" onmouseover="changeColor('#666')" onmouseout="changeColor('#c81623')">我的移动</a></li>
            <li><a href="homeUserService.html" style="color: #c81623;" onclick="goToHtmlFileHome()">服务中心</a></li>
        </ul>
    </div>
</nav>
<!--nav模块end-->

<!--广告模块-->
<div class="advertising">
    <img src="./images/advertisingHome.png" alt="广告" width="1050" height="565">
</div>

<!--服务模块-->
<div class="service">
    <ul>
        <img src="./images/complaintlogo.png" alt="投诉与建议" width="137" height="100%"
             onclick="goToHtmlFileComplaint()">
    </ul>
    <ul>
        <img src="./images/serviceOnlinelogo.png" alt="在线客服" width="138" height="100%"
             onclick="goToHtmlFileServiceOnline()">
    </ul>
    <ul>
        <img src="./images/maintainlogo.png" alt="维修服务" width="138" height="100%" onclick="goToHtmlFileMaintain()">
    </ul>
    <div class="service-self">
        <b>自助专区</b>
        <a href="person_center.html" class="service-item">
            <span>话费查询</span>
        </a>
        <a href="index.html" class="service-item">
            <span>话费充值</span>
        </a>
        <a href="person_center.html" class="service-item">
            <span>套餐查询</span>
        </a>
        <a href="package.html" class="service-item">
            <span>购买套餐</span>
        </a>
        <a href="person_center.html" class="service-item">
            <span>历史账单</span>
        </a>
    </div>
</div>

<!--footer模块-->
<footer class="footer">
    <p>copyright © 2024 移动公司 版权所有</p>
</footer>

</body>
</html>